<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="images/style.css" type="text/css" media="all"  />
<!-- WIN IE Style Sheets -->
<!--[if IE]>
  <![if gte IE 5.5]>
   <![if gte IE 7]><link rel="stylesheet" 
	type="text/css" media="screen,projection" 
	href="images/ie.css" />
	<![endif]>
   <![if lt IE 7]><link rel="stylesheet" 
	type="text/css" media="screen,projection" 
	href="images/ie.css" />
	<![endif]>
  <![endif]>
  <![if lt IE 5.5]>
   <link rel="stylesheet"
	type="text/css" media="screen,projection" 
	href="images/ie.css" />
    <![endif]>
<![endif]-->
<title>ClearBlue</title>
</head>
<body>
<div id="wrap">
  <div id="wrap2">
    <div id="header">
      <form class="search" method="post" action="#">
        <p>
          <input class="textbox" type="text" name="search_query" value="Search" onfocus="if (this.value == 'Search') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search';}" />
          <input class="button" type="submit" name="Submit" value="" />
        </p>
      </form>
      <h1 id="logo">ClearBlue</h1>
      <div id="slogan">The slogan goes here</div>
    </div>
    <div id="nav">
      <div id="nbar">
        <ul>
          <li id="selected"><a href="#">Home</a></li>
          <li><a href="#">Products</a></li>
          <li><a href="#">Downloads</a></li>
          <li><a href="#">Services</a></li>
          <li><a href="#">Support</a></li>
          <li><a href="#">About</a></li>
        </ul>
      </div>
    </div>
    <div id="content-wrap">
      <div id="sidebar">
        <div id="side_ad">
          <!-- Sidebar Box Ad -->
          <!-- Remove all the below contents until </div> and place with 300 x 250 ad code -->
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p align="center">&nbsp;</p>
          <p align="center"><strong>Use this space to place </strong></p>
          <p align="center"><strong>300 x 250 Ad</strong></p>
        </div>
        <div id="right_sidebar">
          <div id="side_sky_ad">
          	<!-- Sidebar Sky Scrapper Ad -->
            <!-- Remove all the below contents until </div> and place with 160 x 600 ad code -->
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p align="center">&nbsp;</p>
            <p align="center">&nbsp;</p>
            <p align="center">&nbsp;</p>
            <p align="center">&nbsp;</p>
            <p align="center">&nbsp;</p>
            <p align="center">&nbsp;</p>
            <p align="center">&nbsp;</p>
            <p align="center"><strong>Use this space to place </strong></p>
            <p align="center"><strong>160 x 600 Ad</strong></p>
          </div>
        </div>
        <div id="left_sidebar">
          <div class="widgetspace">
            <h1>Sidebar Links</h1>
            <ul class="menu">
              <li><a href="#">Home</a></li>
              <li><a href="http://teachmelinux.googlepages.com">Teach Me Linux</a></li>
              <li><a href="http://deviantart.com">deviantART</a></li>
              <li><a href="http://gigacore.deviantart.com">Gigacore</a></li>
              <li><a href="http://digg.com/">Digg</a></li>
            </ul>
          </div>
          <div class="widgetspace">
            <h1>Useful Resources</h1>
            <ul class="menu">
              <li><a href="http://w3schools.com">w3schools</a><a href="http://partners.ipower.com/z/57/CD5822/"></a></li>
              <li><a href="http://csszengarden.com">CSS Zen Garden</a></li>
              <li><a href="http://opendesigns.org/">Open Designs</a><a href="http://www.fotolia.com/partner/114283"></a></li>
              <li><a href="http://www.w3.com/">W3C</a><a href="http://www.bigstockphoto.com/?refid=grKPpdNw6k"></a></li>
              <li><a href="http://themebot.com">ThemeBot</a></li>
            </ul>
          </div>
          <div class="widgetspace">
            <h1>Sample Text</h1>
            <p><strong>Quotes</strong></p>
            <p>A table, a chair, a bowl of fruit and a violin; what else does a man need to be happy? <br />
              -Albert Einstein </p>
          </div>
          <div class="widgetspace">
            <h1>About me!</h1>
            <p>I'm Santhosh. S. I love web-designing and learning xHTML and CSS. Visit my <a href="http:/santhosh.themebin.com/blog">blog</a> for more info and to read some tutorials. <a href="http://twitter.com/Gigacore">Follow me on Twitter</a>!</p>
          </div>
        </div>
      </div>
      <div id="content">
        <h1>Welcome to ClearBlue</h1>
        <p><strong>ClearBlue</strong> template is a free Template for your website. This is a valid xHTML and Valid CSS template and W3C-Compilant. The template is designed by <a href="http://www.themebin.com">ThemeBin</a>. The template weighs less than 22KB. This template is licensed under <a href="http://creativecommons.org/licenses/by/2.5/">Creavtive Commons India 2.5 License,</a> which means you are free to modify this template as per your needs for any purpose. And please keep the back link to my site in the credits (footer) intact. That will make the CC License vaild.</p>
        <p>For more templates, themes, wallpapers and more, visit <a href="http://www.themebin.com">my website</a>. Hope you find this template useful and best of luck!</p>
        <p class="post-footer"><span class="dated">Oct 16, 2008</span><span class="category">Category</span><span class="author">Santhosh</span><span class="more"><a href="#">Read more...</a></span></p>
        <h1>Samples</h1>
        <h2>Image and Text</h2>
        <p><img src="images/ff.jpg" alt="FireFox" align="left" class="float-left" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce velit  pede, lacinia eu, tempor nec, vestibulum non, dolor. Aenean malesuada  laoreet lacus. Vivamus lementum, felis ac ullamcorper blandit, neque  erat porttitor lorem, non aliqfet quam magna ac enim. Morbi tempus odio  eu lorem. Quisque volutpat, odio id gravida commodo, turpis orci  consequat augue, eget dignissim odio tellus et lacus. Nulla nulla nisl,  porta eu, ullamcorper vitae, facilisis in, nulla.Curabitur a pede.  Mauris at metus quis nulla eleifend pharetra. Sed accumsan. Maecenas  ipsum. Aliquam erat volutpat.</p>
        <h2>Code</h2>
        <p><code> #sample {<br />
          text-align: left;<br />
          font-weight: bold;<br />
          color: #FFFFFF;<br />
          }</code></p>
        <h2>Block Quote</h2>
        <blockquote>
          <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce velit  pede, lacinia eu, tempor nec, vestibulum non, dolor. Aenean malesuada  laoreet lacus....</p>
        </blockquote>
        <h2>Example List</h2>
        <ol>
          <li><span>Sunday</span></li>
          <li><span>Monday</span></li>
        </ol>
        <ul>
          <li><span>Tuesday</span></li>
          <li><span>Wednesday</span></li>
        </ul>
        <h3>Sample Form</h3>
        <form action="#">
          <p>
            <label>Name</label>
            <input name="dname" value="Your Name" type="text" size="30" />
            <label>Email</label>
            <input name="demail" value="Your Email" type="text" size="30" />
            <label>Your Comments</label>
            <textarea rows="5" cols="5"></textarea>
            <br />
            <input class="button" type="submit" />
          </p>
        </form>
        <p>&nbsp;</p>
        <p class="post-footer"><span class="dated">Oct 16, 2008</span><span class="category">Category</span><span class="author">Santhosh</span><span class="more"><a href="#">Read more...</a></span></p>
        <div id="banner_ad">
          <!-- Bottom Mini Banner Ad -->
          <!-- Remove all the below contents until </div> and place with 468 x 60 ad code -->
          <p align="center">&nbsp;</p>
          <p align="center"><strong>Use this space to place </strong><strong>468 x 60 Ad</strong></p>
        </div>
        <br />
      </div>
    </div>
    <div class="clearfix"></div>
    <div id="footer"> &copy; 2008 <strong>Your Company</strong> | Valid <a href="http://validator.w3.org/check?uri=referer">XHTML</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> | ClearBlue  by: <a href="http://www.themebin.com/">ThemeBin</a>
      <!-- Please Do Not remove this link, thank u -->
      &nbsp;&nbsp;&nbsp;&nbsp; <a href="#">Home</a> | Sitemap </div>
  </div>
  <!-- End Wrap2 -->
</div>
<!-- End Wrap -->
</body>
</html>
